<template>
  <div>
    <h1>isRef的使用</h1>
    <h1 v-text="num"></h1>
    <button @click="num++">自增</button>
    <button @click="add">自增</button>
  </div>
</template>

<script setup>
// unref: 用于返回一个值，如果访问的是 ref变量，就返回其 .value值；如果不是 ref变量，就直接返回。
import { ref, isRef, unref } from "vue";
let num = ref(1000);
let x = 110;
let add = () => {
  num.value++;
};

console.log(isRef(num));
// 如果给unref传递一个ref变量，得到这个ref的value值
console.log(unref(num));
// 如果给unref传递的不是一个ref变量，得到这个值的本身
console.log(unref(x));
</script>

<style lang="scss" scoped>
</style>